<%@ page language="java" contentType="text/html;charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ include file="/WEB-INF/jsp/common/taglib.jsp"%>
<%@include file="/WEB-INF/jsp/common/common.jsp"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
<meta content="webkit" name="renderer" />
<meta charset="UTF-8">
<title><spring:message code='runhome_zhuye'/></title>
<link href="${ctx}/assets/css/os_base_${z_locale_code}.css?version=${cssJsVersion}" rel="stylesheet" />
<link href="${ctx}/assets/css/runhome/runhome_${z_locale_code}.css?version=${cssJsVersion}" rel="stylesheet" />
<script src="http://assets.zhihuishu.com/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="${ctx}/assets/js/common/common.js?version=${cssJsVersion}" type="text/javascript"></script>
<script src="${ctx}/assets/js/operation/runhome.js?version=${cssJsVersion}" type="text/javascript"></script>
<script src="${ctx}/assets/js//layer2.0/layer/layer.js?version=${cssJsVersion}" type="text/javascript"></script>
<body>
<%@ include file="/WEB-INF/jsp/common/header.jsp"%>
<%@ include file="/WEB-INF/jsp/common/public-player-css.jsp"%>
<%@ include file="/WEB-INF/jsp/common/public-player-js.jsp"%>
<input id="courseId" type="hidden" value="${CURRENT_SELECT_COURSEID}"/>
<input id="recruitId"  type="hidden" value="${CURRENT_SELECT_RECRUITID}"/>
	<div class="rundetail_wrap">
		<div class="rundetail_banner">
			<div class="banner"></div>
		</div>
		<div class="numberdiv clearfix">
			<div class="numberposition_div">
				<div class="percentagediv fl">
					<div class="totalbgimg"></div>
					<div class="percentageposition_div">
						<p class="total_p" id="studentCount">0</p>
						<p class="totaldescribe_P"><spring:message code='runhome_xueshengzongshu'/></p>
						<div class="processingbar_div clearfix">
						 	<div class="processingbar_detail processingbar_detail_m fl">
								<div class="processingbar" id="higherThanPlanned">
									<font></font><span id="abovePlanCount" class="totalspan">0</span>
								</div>
								<p><spring:message code='runhome_gaoyujihua'/></p>
							</div> 
							<div class="processingbar_detail processingbar_detail_m fr">
								<div class="processingbar" id="lowerThanPlanned">
									<font></font><span id="belowPlanCount" class="totalspan">0</span>
								</div>
								<p><spring:message code='runhome_diyujihua'/></p>
							</div>
						</div>
					</div>
				</div>
				<div class="learningtimediv fl">
					<div class="bgsdiv">
						<p class="learningtime_number" id="avgTime">0</p>
						<p class="learningtime_p">
							<spring:message code='runhome_renjunxuexishijian'/>
						</p>
						<div class="Totallengthnumber_div">
							<p class="Totallength" id="countTimeAndstudentCount">0/0</p>
							<p class="number">
								<spring:message code='runhome_xuexixueshengzongshu'/>
							</p>
						</div>
						<div class="knowmorebtn_div" style="display: none;">
							<a href="javascript:void(0);">To know more</a>
						</div>
					</div>
				</div>
				<div class="forumsdiv fl">
					<p class="total_p" id="countForum"></p>
					<p class="totaldescribe_P">
						<spring:message code='runhome_luntanrenshu'/>
					</p>
					<div class="activestudents_div">
						<p><spring:message code='runhome_huoyuerenshu'/></p>
						<ul id="stuimgurl">
						</ul>
					</div>
					<div class="activestudents_div1">
						<p><spring:message code='runhome_retie'/></p>
						<!-- 文字滚动代码 开始 -->
						<div class="activestudents" id="FontScroll">
							<ul>
								</ul>
						</div>
						<!-- 文字滚动代码 结束 -->
					</div>
				</div>
			</div>
		</div>
		<div class="facelesson_div">
			<p>
				<span class="lessoico"></span><spring:message code='creatcoursehome_miandiumianjiangzuo'/>
			</p>
			<ul id="facetoface">
			</ul>
		</div>
		<div class="downloadTreenity_app">
			<div class="downloadTreenity_app_div clearfix">
				<div class="phoneimg fl"></div>
				<%-- <div class="downloadapp_div fr">
					<p class="title_p"><spring:message code='runhome_xiazaiapp'/></p>
					<p class="describe_p"><spring:message code='runhome_xuexifangfa'/>
					<p>
					<div class="downloadappbtn_div">
						<a href="javascript:void(0);" class="googleplay_btn"></a> <a
							href="javascript:void(0);" class="appstore_btn"></a>
					</div>
					<div class="two-dimensionalcode_div">
						<p><spring:message code='runhome_saoerweima'/></p>
						<div class="two-dimensionalcode_img">
							<img
								src="http://image.zhihuishu.com/testzhs/able-commons/demo/201612/ac86fbebb21c4113af8f3e4f0e521077.png">
						</div>

					</div>
				</div> --%>
				<div class="downloadapp_div fr">
					<p class="title_p">Download Treenity APP</p>
					<img class="downloadapp_nocontent" src="http://image.zhihuishu.com/testzhs/ablecommons/demo/201609/4f69ac02872143a6aad740108f8ba28b.jpg" width="500px">
				</div>
				
			</div>
		</div>
	</div>
	
	<div id="hint_notStarted" style="display:none;width:420px ;height: 120px">
	<center>
	  <h1 style='font-size: 30px' id="hint_hh_mm">15:00</h1>
	  <br>
	  <p style='color:#888 ;font-size: 15px' id="hint_yy">2016-9-9</p>
	  <br>
	  <p style='color:#666'><spring:message code='runhome_shijianbudao'/></p>
	</center>
	</div>
	<!-- 播放器 -->
	<%@include file="/WEB-INF/jsp/common/publicVideoPlayer.jsp"%>
	<%@include file="/WEB-INF/jsp/common/footer.jsp"%>
	<script>

(function($){
    $.fn.FontScroll = function(options){
        var d = {time: 1000,s: 'fontColor',num: 1}
        var o = $.extend(d,options);
        

        this.children('ul').addClass('line');
        var _con = $('.line').eq(0);
        var _conH = _con.height(); //滚动总高度
        var _conChildH = _con.children().eq(0).height();//一次滚动高度
        var _temp = _conChildH;  //临时变量
        var _time = d.time;  //滚动间隔
        var _s = d.s;  //滚动间隔


        _con.clone().insertAfter(_con);//初始化克隆

        //样式控制
        var num = d.num;
        var _p = this.find('li');
        var allNum = _p.length;

        _p.eq(num).addClass(_s);


        var timeID = setInterval(Up,_time);
		this.hover(function(){clearInterval(timeID)},function(){timeID = setInterval(Up,_time);});

        function Up(){
            _con.animate({marginTop: '-'+_conChildH});
            //样式控制
            _p.removeClass(_s);
            num += 1;
            _p.eq(num).addClass(_s);
            
            if(_conH == _conChildH){
                _con.animate({marginTop: '-'+_conChildH},"normal",over);
            } else {
                _conChildH += _temp;
            }
        }
        function over(){
            _con.attr("style",'margin-top:0');
            _conChildH = _temp;
            num = 1;
            _p.removeClass(_s);
            _p.eq(num).addClass(_s);
        }
    }
})(jQuery);

</script> 
	<script
		src="${ctx}/assets/js/operation/runhome/raphael.js?version=${cssJsVersion}"
		type="text/javascript"></script>
	<script
		src="${ctx}/assets/js/operation/runhome/cycle.js?version=${cssJsVersion}"
		type="text/javascript"></script>

</body>
</html>
